/* -------------------------------------------------------------------------------------
* 	ID:						$Id$
* 	Letzter Stand:			$Revision$
* 	zuletzt geaendert von:	$Author$
* 	Datum:					$Date$
*
* 	SEO:mercari by Siekiera Media
* 	http://www.seo-mercari.de
*
* 	Copyright (c) since 2011 SEO:mercari
* --------------------------------------------------------------------------------------
* 	based on:
* 	(c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
* 	(c) 2002-2003 osCommerce - www.oscommerce.com
* 	(c) 2003     nextcommerce - www.nextcommerce.org
* 	(c) 2005     xt:Commerce - www.xt-commerce.com
*
* 	Released under the GNU General Public License
* ----------------------------------------------------------------------------------- */

.checkout_line { background: url(templates/images/mercari/checkout_line.png) repeat-x; line-height: 12px; }

#head { width: 980px; height: 123px; position:absolute;top:0px;left:0px;}

#header { position: absolute; top: 0; left:0px;width: 980px; }

header.header_top_spacer {top:44px;}

#middle { float: right; width: 100% !important;display:inline;}

.floater {float: left}

#nav { line-height: 29px; width: 980px; display:inline-block ;position:absolute;top:171px;left:0px;width:800px;}

#header #nav a:link, #header #nav a:visited, #header #nav { color: #777}


.nav_account {
    color: #174D71;
    float: right;
    padding-right: 27px;
    text-align: right;
    width: 360px;
    top: -26px;
    position: relative;
}

.nav_pathway {
    color: #000;
    float: left;
    font-size: 11px;
    text-align: left;
    width: 595px;
}
.nav_pathway span {color:#000}

.nav_pathway .pathwayintro {color:#777}

#nav_left { float: left; margin: 0 0 0 -191px; width: 180px; position: relative; display:inline;}

#nav_right { float: right; margin-right: -191px; width: 180px; position: relative; text-align: left; display:inline;}

#innerContainer { position:relative; padding: 0 0 0 0; border: 1px solid #ccc; border-width: 0 1px 0 1px; min-height:482px}

/* oben + links + unten */
#outerContainer_left_top_bottom #innerContainer { border-width: 0 0 0 0px }
#outerContainer_left_top_bottom { margin-left: 250px;  margin-top: 232px !important; width:730px;}               
#outerContainer_left_top_bottom #nav_left {margin: 0 0 0 -250px; width: 205px;padding-left:0px;}
.firefox #outerContainer_left_top_bottom .col_3 {width: 210px}

/* oben + rechts + unten */
#outerContainer_right_top_bottom { border-right: 190px solid #fff; margin-top: 232px; width:800px;}
#outerContainer_right_top_bottom #nav_right {margin: 0 -201px 0 0; width: 190px;}
#outerContainer_right_top_bottom #innerContainer { border-width: 0 1px 0 0 }

/* oben + unten */
#outerContainer_top_bottom {  margin-top: 232px !important; width:980px; }
/*#outerContainer_top_bottom #header {height: 138px}*/
#outerContainer_top_bottom #innerContainer { border-width: 0 }
.firefox #outerContainer_top_bottom .col_4 {width: 23.1%}

#outerContainer_left_right_top_bottom, #outerContainer_left_right_top { border-left: 180px solid #fff; border-right: 180px solid #fff; margin-top: 232px; width:630px; w/idth:613px; }
#outerContainer_left_right_bottom {border-left: 190px solid #fff; border-right: 190px solid #fff;  margin-top: 10px; width:608px; w/idth:613px;}
#outerContainer_top {  margin-top: 232px; width:987px; w/idth:985px; }

#outerContainer_right_bottom { border-right: 190px solid #fff;  margin-top: 10px; width:792px; padding-left: 6px }

#outerContainer_right_top {border-right: 190px solid #fff;  margin-top: 232px; width:800px;}
#outerContainer_left_top {border-left: 190px solid #fff;  margin-top: 232px; width:792px; padding-left: 6px}
#outerContainer { margin-top: 10px; width:987px;}

#outerContainer_checkout {  margin-top: 226px; width:995px; }

#page_container { width: 980px; margin:0px auto 0px auto; position: relative; padding-top: 1px; box-shadow:none !important;}

#outerContainer_left_right_top_bottom .col_4 {width: 22.6%}
#outerContainer_left_top_bottom .col_4,
#outerContainer_right_top_bottom .col_4 {width: 22.6%}
#outerContainer_top_bottom .col_4 {width: 22.6%}

#outerContainer_left_right_top_bottom .col_3 {width: 30.3%}
#outerContainer_left_top_bottom .col_3,
#outerContainer_right_top_bottom .col_3 {width: 30.7%}
#outerContainer_top_bottom .col_3 {width: 210px}
#product_listing_grid h3{margin:0px;padding:0px;}

#prodlist-head td {
background: #df0100; /* Old browsers */
background: -moz-linear-gradient(top,  #df0100 0%, #a90100 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df0100), color-stop(100%,#a90100)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #df0100 0%,#a90100 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #df0100 0%,#a90100 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #df0100 0%,#a90100 100%); /* IE10+ */
background: linear-gradient(to bottom,  #df0100 0%,#a90100 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df0100', endColorstr='#a90100',GradientType=0 ); /* IE6-9 */
}

#prodlist-head h3 a {color:#fff;padding:0 5px}

#outerContainer_left_right_top_bottom .col_2 {width: 47.9%; min-height: 90px}
#outerContainer_left_top_bottom .col_2,
#outerContainer_right_top_bottom .col_2 {width: 47.9%; min-height: 90px}
#outerContainer_top_bottom .col_2 {width: 47.9%; min-height: 90px}

#outerContainer_left_right_top_bottom .col_1 {width: 98%; min-height: 90px}
#outerContainer_left_top_bottom .col_1,
#outerContainer_right_top_bottom .col_1 {width: 98%; min-height: 90px}
#outerContainer_top_bottom .col_1 {width: 98%; min-height: 90px}

#outerContainer_left_right_top_bottom .col_0 {width: auto; float: none; border: 0 none; margin: 0}
#outerContainer_left_top_bottom .col_0,
#outerContainer_right_top_bottom .col_0 {width: auto; float: none; border: 0 none; margin: 0}
#outerContainer_top_bottom .col_0 {width: auto; float: none; border: 0 none; margin: 0}
.col_0 {width: auto; float: none;}
.col_0 .img_border {margin:0}

.firefox #outerContainer_left_right_top_bottom .col_3 {width: 30.4%}
.firefox #outerContainer_top_bottom .col_3 {width: 31.5%}

#wrap { float: left; width: 100%; text-align: left; }

#footer {
    box-shadow: 0 0 20px #000000;
    color: #00C8FF;
    height: 251px;
    text-align: center;
    width: 100%;
    margin-top:50px;
    background:url(templates/itdotmedia/img/black90p.png);
    background:rgba(0,0,0,.90)
}

#footer a {color:#fff}


fieldset.account {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    padding:16px 12px 10px;
}

fieldset.account_history { padding: 8px;margin: 30px 15px 5px 0;background:none repeat scroll 0 0 rgba(0, 0, 0, 0.2);color:#000}

fieldset.checkout_payment {border: 1px solid #c10202; padding: 8px; margin: 10px}

fieldset.account_history {width: 28%; float: left}


fieldset.account legend, fieldset.checkout_payment legend {
    color: #000;
    margin-left: -18px;
    margin-top: -23px;
    padding: 0 10px;
}

fieldset.account_history legend {margin-left: -7px;margin-top:-23px; padding: 0;font-size:13px;color:#000}

.dropdown select {width: 160px}

ul.account_ul {margin: 0 0 0 20px; list-style-type: square; color: #1E5787}

pre {color: #000; margin:10px; padding: 10px; background: #f1f1f1; border:1px solid #ccc; display: block; overflow:auto}

pre.db_error {border: 1px solid #b20000; color: #b20000}

pre.php_error {padding: 2px;}

pre.php_error .php_error_head {padding: 2px;}

pre.php_error .php_error_body {padding: 2px}

.top_link {position: absolute; bottom: -24px; right: 0;}

.img_border {margin: 5px;}

#offline_container {width:100%;height: 100%;display:block;position: absolute}

#offline_inner {position:absolute; left:50%; width: 500px; top:32%; height: auto; margin: -125px 0 0 -250px;border: 1px solid #ccc; background: #fff}

#login_offline {width: 330px; margin: 5px 0 0 95px;}

.text_center {text-align: center}

.prev {float:left;}

.next {float:right;}

.coupon_info {padding:10px 0; margin-top: 10px}

.coupon_info input{height:26px;}

.coupon_info input[type="text"].w60 {width: 60px;}

.coupon_info h3 {margin-top: 0;}

.account input.create_account_street_num {width:32px;}

.account input.create_account_postcode {width:48px;}

.account input.create_account_suburb, .account select.create_account_country, .account select.create_account_state {width: 198px;}

#div_video {display: none;}

.page-nav-buttons {
	display: table;
	width: 100%;
	margin: 15px 0;
}

.page-nav-buttons div {
	display: table-cell;
}

.page-nav-buttons div.right-b {
	text-align: right;
}


#startseite {
    background: url("templates/itdotmedia/img/contenthg-repeat.jpg") repeat-y scroll 0 0 transparent;
    left: -30px;
    margin-top: 56px;
    position: relative;
    width: 980px;
    
}

#startseite-inner {
   background: url(templates/itdotmedia/img/contenthg.jpg) no-repeat scroll 0 0;
   padding: 22px 60px 0 63px;
   min-height: 414px;
}